@import 'public';

// 补丁 base
@import '~@/assets/style/fixed/base.scss';
// 补丁 element
@import '~@/assets/style/fixed/element.scss';
// 补丁 markdown
@import '~@/assets/style/fixed/markdown.scss';
// 补丁 n-progress
@import '~@/assets/style/fixed/n-progress.scss';
// 补丁 tree-view
@import '~@/assets/style/fixed/tree-view.scss';

// 动画
@import '~@/assets/style/animate/vue-transition.scss';

// 在这里写公用的class
// 注意 这个文件里只写class
// mixin等内容请在 public.scss 里书写

// 文字相关
.#{$prefix}-text-center {
  text-align: center;
}

// 浮动相关
.#{$prefix}-fl {
  float: left;
}
.#{$prefix}-fr {
  float: right;
}

// 边距相关
$sizes: (0, 5, 10, 15, 20);

@for $index from 1 to 6 {
  .#{$prefix}-m-#{nth($sizes, $index)} { margin: #{nth($sizes, $index)}px !important; }
  .#{$prefix}-mt-#{nth($sizes, $index)} { margin-top: #{nth($sizes, $index)}px !important; }
  .#{$prefix}-mr-#{nth($sizes, $index)} { margin-right: #{nth($sizes, $index)}px !important; }
  .#{$prefix}-mb-#{nth($sizes, $index)} { margin-bottom: #{nth($sizes, $index)}px !important; }
  .#{$prefix}-ml-#{nth($sizes, $index)} { margin-left: #{nth($sizes, $index)}px !important; }

  .#{$prefix}-p-#{nth($sizes, $index)} { padding: #{nth($sizes, $index)}px !important; }
  .#{$prefix}-pt-#{nth($sizes, $index)} { padding-top: #{nth($sizes, $index)}px !important; }
  .#{$prefix}-pr-#{nth($sizes, $index)} { padding-right: #{nth($sizes, $index)}px !important; }
  .#{$prefix}-pb-#{nth($sizes, $index)} { padding-bottom: #{nth($sizes, $index)}px !important; }
  .#{$prefix}-pl-#{nth($sizes, $index)} { padding-left: #{nth($sizes, $index)}px !important; }
}
$radius: (0, 2, 4, 5, 8, 10, 15, 20, 25, 30, 35, 40);
@for $index from 1 to 12 {
  .rounded#{nth($radius, $index)} { border-radius: #{nth($radius, $index)}px !important; }
}
// 快速使用

.#{$prefix}-m { margin: 20px !important; }
.#{$prefix}-mt { margin-top: 20px !important; }
.#{$prefix}-mr { margin-right: 20px !important; }
.#{$prefix}-mb { margin-bottom: 20px !important; }
.#{$prefix}-ml { margin-left: 20px !important; }

.#{$prefix}-p { padding: 20px !important; }
.#{$prefix}-pt { padding-top: 20px !important; }
.#{$prefix}-pr { padding-right: 20px !important; }
.#{$prefix}-pb { padding-bottom: 20px !important; }
.#{$prefix}-pl { padding-left: 20px !important; }
.autocomplete input{
	cursor: pointer;
}
.pointer {
	cursor: pointer !important;
}
.top-0{
	top: 0;
}
.bottom-0{
	bottom: 0;
}
.left-0{
	left: 0;
}
.right-0{
	right: 0;
}
.opacity-0{
	opacity: 0;
}
.messageClass{
	z-index: 99999!important;
}
// .dplayer-menu {
// 	display: none!important;
// }
// d2-admin
.el-select{
	display: block!important;
}
.noselect{
	user-select:none!important;
}
.el-link--inner{
	font-size: 15px;
}
.theme-d2 .d2-theme-container .d2-theme-container-main .d2-theme-container-main-body .container-component .d2-container-full .d2-container-full__header {
  border-bottom: none !important;
}
.d2-layout-header-aside-menu-side .el-menu-item{
	height: 48px!important;
	line-height: 48px!important;
}
.el-dialog__close.el-icon-close{
	font-size: 20px;
}
.el-collapse-item__content {
  padding-bottom: 10px !important;
}
.d2-container-full__header {
  border-bottom: none;
  padding-bottom: 1px !important;
}
.d2-container-full__body {
  padding-top: 5px !important;
  padding-bottom: 10px !important;
}
#topSubmenu .el-submenu__icon-arrow{
	display: none;
}
.w-50{
	width: 50%;
}
.b-s{
	box-sizing: border-box;
}
.overflow{
	overflow: auto;
}
.position-relative {
	position: relative !important;
}
.position-absolute {
	position: absolute !important;
}

.position-fixed {
	position: fixed !important;
}

.position-sticky{
	position: sticky !important;
}
.w-auto{
	width: auto;
}
.h-auto{
	height: auto;
}
.w-0{
	width: 0;
}
.w-100{
	width: 100%;
}
.w-90{
	width: 90%;
}
.h-100{
	height: 100%;
}
.h-90{
	height: 90%;
}
.d-none{
	display: none!important;
}
.d-flex {
	display: flex !important;
}
.d-inline-block {
	display: inline-block!important;
}

.d-block {
	display: block!important;
}

.flex-1 {
	flex: 1 !important;
}
.flex-none {
	flex: none !important;
}

.flex-column {
	flex-direction: column !important;
}

.flex-row {
	flex-direction: row !important;
}

.flex-wrap {
	flex-wrap: wrap !important;
}

.flex-nowrap {
	flex-wrap: nowrap !important;
}

.flex-shrink {
	flex-shrink: 0 !important;
}
.j-start {
	justify-content: flex-start !important;
}

.j-center {
	justify-content: center !important;
}

.j-end {
	justify-content: flex-end !important;
}

.j-sb {
	justify-content: space-between !important;
}

.a-center {
	align-items: center !important;
}

.a-start {
	align-items: flex-start !important;
}

.a-end {
	align-items: flex-end !important;
}

.a-stretch {
	align-items: stretch !important;
}

.a-self-start {
	align-self: flex-start !important;
}

.a-self-auto {
	align-self: auto !important;
}

.a-self-end {
	align-self: flex-end !important;
}

.a-self-stretch {
	align-self: stretch !important;
}

.a-self-baseline {
	align-self: baseline !important;
}

// vxe-table
.vxe-body--row.rowClassName{
	height: 60px;
}
div.vxe-cell.c--ellipsis{
	// max-height: 200px!important;
}
div.vxe-table--footer-wrapper.body--wrapper tr.vxe-footer--row {
  font-weight: bold;
}
div.vxe-modal--wrapper.type--message {
  z-index: 2008 !important;
}
div.vxe-table--tooltip-wrapper {
  z-index: 2021 !important;
}
.font-weight {
	font-weight: bold !important;
}
.m-0 {
	margin: 0 !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mt-1 {
	margin-top: 0.1rem !important;
}

.mt-2 {
	margin-top: 0.2rem !important;
}

.mt-3 {
	margin-top: 0.3rem !important;
}

.mt-4 {
	margin-top: 0.4rem !important;
}

.mt-5 {
	margin-top: 0.5rem !important;
}

.mt-6 {
	margin-top: 0.6rem !important;
}

.mt-7 {
	margin-top: 0.7rem !important;
}

.mt-8 {
	margin-top: 0.8rem !important;
}

.mt-9 {
	margin-top: 0.9rem !important;
}

.mt-10 {
	margin-top: 1rem !important;
}

.mt-15 {
	margin-top: 1.5rem !important;
}

.mt-20 {
	margin-top: 2rem !important;
}

.mt-30 {
	margin-top: 3rem !important;
}

.mt-40 {
	margin-top: 4rem !important;
}

.mt-50 {
	margin-top: 5rem !important;
}

.mt-60 {
	margin-top: 6rem !important;
}

.mt-70 {
	margin-top: 7rem !important;
}

.mx-0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.mx-1 {
	margin-left: 0.1rem !important;
	margin-right: 0.1rem !important;
}

.mx-2 {
	margin-left: 0.2rem !important;
	margin-right: 0.2rem !important;
}

.mx-3 {
	margin-left: 0.3rem !important;
	margin-right: 0.3rem !important;
}

.mx-4 {
	margin-left: 0.4rem !important;
	margin-right: 0.4rem !important;
}

.mx-5 {
	margin-left: 0.5rem !important;
	margin-right: 0.5rem !important;
}

.mx-6 {
	margin-left: 0.6rem !important;
	margin-right: 0.6rem !important;
}

.mx-7 {
	margin-left: 0.7rem !important;
	margin-right: 0.7rem !important;
}

.mx-8 {
	margin-left: 0.8rem !important;
	margin-right: 0.8rem !important;
}

.mx-9 {
	margin-left: 0.9rem !important;
	margin-right: 0.9rem !important;
}

.mx-10 {
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}

.mx-11 {
	margin-left: 1.1rem !important;
	margin-right: 1.1rem !important;
}

.mx-12 {
	margin-left: 1.2rem !important;
	margin-right: 1.2rem !important;
}

.mx-13 {
	margin-left: 1.3rem !important;
	margin-right: 1.3rem !important;
}

.mx-14 {
	margin-left: 1.4rem !important;
	margin-right: 1.4rem !important;
}

.mx-15 {
	margin-left: 1.5rem !important;
	margin-right: 1.5rem !important;
}

.mx-16 {
	margin-left: 1.6rem !important;
	margin-right: 1.6rem !important;
}

.mx-17 {
	margin-left: 1.7rem !important;
	margin-right: 1.7rem !important;
}

.mx-18 {
	margin-left: 1.8rem !important;
	margin-right: 1.8rem !important;
}

.mx-19 {
	margin-left: 1.9rem !important;
	margin-right: 1.9rem !important;
}

.mx-20 {
	margin-left: 2rem !important;
	margin-right: 2rem !important;
}
.mx-30 {
	margin-left: 3rem !important;
	margin-right: 3rem !important;
}
.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.my-1 {
	margin-top: 0.1rem !important;
	margin-bottom: 0.1rem !important;
}

.my-2 {
	margin-top: 0.2rem !important;
	margin-bottom: 0.2rem !important;
}

.my-3 {
	margin-top: 0.3rem !important;
	margin-bottom: 0.3rem !important;
}

.my-4 {
	margin-top: 0.4rem !important;
	margin-bottom: 0.4rem !important;
}

.my-5 {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}

.my-6 {
	margin-top: 0.6rem !important;
	margin-bottom: 0.6rem !important;
}

.my-7 {
	margin-top: 0.7rem !important;
	margin-bottom: 0.7rem !important;
}

.my-8 {
	margin-top: 0.8rem !important;
	margin-bottom: 0.8rem !important;
}

.my-9 {
	margin-top: 0.9rem !important;
	margin-bottom: 0.9rem !important;
}

.my-10 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

.my-11 {
	margin-top: 1.1rem !important;
	margin-bottom: 1.1rem !important;
}

.my-12 {
	margin-top: 1.2rem !important;
	margin-bottom: 1.2rem !important;
}

.my-13 {
	margin-top: 1.3rem !important;
	margin-bottom: 1.3rem !important;
}

.my-14 {
	margin-top: 1.4rem !important;
	margin-bottom: 1.4rem !important;
}

.my-15 {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}

.my-16 {
	margin-top: 1.6rem !important;
	margin-bottom: 1.6rem !important;
}

.my-17 {
	margin-top: 1.7rem !important;
	margin-bottom: 1.7rem !important;
}

.my-18 {
	margin-top: 1.8rem !important;
	margin-bottom: 1.8rem !important;
}

.my-19 {
	margin-top: 1.9rem !important;
	margin-bottom: 1.9rem !important;
}

.my-20 {
	margin-top: 2rem !important;
	margin-bottom: 2rem !important;
}

.my-30 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}

.my-40 {
	margin-top: 4rem !important;
	margin-bottom: 4rem !important;
}

.my-50 {
	margin-top: 5rem !important;
	margin-bottom: 5rem !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mb-1 {
	margin-bottom: 0.1rem !important;
}

.mb-2 {
	margin-bottom: 0.2rem !important;
}

.mb-3 {
	margin-bottom: 0.3rem !important;
}

.mb-4 {
	margin-bottom: 0.4rem !important;
}

.mb-5 {
	margin-bottom: 0.5rem !important;
}

.mb-6 {
	margin-bottom: 0.6rem !important;
}

.mb-7 {
	margin-bottom: 0.7rem !important;
}

.mb-8 {
	margin-bottom: 0.8rem !important;
}

.mb-9 {
	margin-bottom: 0.9rem !important;
}

.mb-10 {
	margin-bottom: 1rem !important;
}

.mb-11 {
	margin-bottom: 1.1rem !important;
}

.mb-12 {
	margin-bottom: 1.2rem !important;
}

.mb-13 {
	margin-bottom: 1.3rem !important;
}

.mb-14 {
	margin-bottom: 1.4rem !important;
}

.mb-15 {
	margin-bottom: 1.5rem !important;
}

.mb-16 {
	margin-bottom: 1.6rem !important;
}

.mb-17 {
	margin-bottom: 1.7rem !important;
}

.mb-18 {
	margin-bottom: 1.8rem !important;
}

.mb-19 {
	margin-bottom: 1.9rem !important;
}

.mb-20 {
	margin-bottom: 2rem !important;
}

.mb-30 {
	margin-bottom: 3rem !important;
}

.mb-40 {
	margin-bottom: 4rem !important;
}

.mb-50 {
	margin-bottom: 5rem !important;
}

.mb-60 {
	margin-bottom: 6rem !important;
}

.ml-0 {
	margin-left: 0 !important;
}

.ml-1 {
	margin-left: 0.1rem !important;
}

.ml-2 {
	margin-left: 0.2rem !important;
}

.ml-3 {
	margin-left: 0.3rem !important;
}

.ml-4 {
	margin-left: 0.4rem !important;
}

.ml-5 {
	margin-left: 0.5rem !important;
}

.ml-6 {
	margin-left: 0.6rem !important;
}

.ml-7 {
	margin-left: 0.7rem !important;
}

.ml-8 {
	margin-left: 0.8rem !important;
}

.ml-9 {
	margin-left: 0.9rem !important;
}

.ml-10 {
	margin-left: 1rem !important;
}

.ml-15 {
	margin-left: 1.5rem !important;
}

.ml-20 {
	margin-left: 2rem !important;
}

.ml-25 {
	margin-left: 2.5rem !important;
}

.ml-30 {
	margin-left: 3rem !important;
}

.ml-40 {
	margin-left: 4rem !important;
}

.ml-50 {
	margin-left: 5rem !important;
}

.ml-60 {
	margin-left: 6rem !important;
}

.mr-0 {
	margin-right: 0 !important;
}

.mr-1 {
	margin-right: 0.1rem !important;
}

.mr-2 {
	margin-right: 0.2rem !important;
}

.mr-3 {
	margin-right: 0.3rem !important;
}

.mr-4 {
	margin-right: 0.4rem !important;
}

.mr-5 {
	margin-right: 0.5rem !important;
}

.mr-6 {
	margin-right: 0.6rem !important;
}

.mr-7 {
	margin-right: 0.7rem !important;
}

.mr-8 {
	margin-right: 0.8rem !important;
}

.mr-9 {
	margin-right: 0.9rem !important;
}

.mr-10 {
	margin-right: 1rem !important;
}

.mr-15 {
	margin-right: 1.5rem !important;
}

.mr-20 {
	margin-right: 2rem !important;
}

.mr-25 {
	margin-right: 2.5rem !important;
}

.mr-30 {
	margin-right: 3rem !important;
}

.mr-35 {
	margin-right: 3.5rem !important;
}

.mr-40 {
	margin-right: 4rem !important;
}

.mr-45 {
	margin-right: 4.5rem !important;
}

.mr-50 {
	margin-right: 5rem !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.m-1 {
	margin: 0.1rem !important;
}

.m-2 {
	margin: 0.2rem !important;
}

.m-3 {
	margin: 0.3rem !important;
}

.m-4 {
	margin: 0.4rem !important;
}

.m-5 {
	margin: 0.5rem !important;
}

.m-6 {
	margin: 0.6rem !important;
}

.m-7 {
	margin: 0.7rem !important;
}

.m-8 {
	margin: 0.8rem !important;
}

.m-9 {
	margin: 0.9rem !important;
}

.m-10 {
	margin: 1rem !important;
}

.m-11 {
	margin: 1.1rem !important;
}

.m-12 {
	margin: 1.2rem !important;
}

.m-13 {
	margin: 1.3rem !important;
}

.m-14 {
	margin: 1.4rem !important;
}

.m-15 {
	margin: 1.5rem !important;
}

.p-0 {
	padding: 0 !important;
}

.p-1 {
	padding: 0.1rem !important;
}

.p-2 {
	padding: 0.2rem !important;
}

.p-3 {
	padding: 0.3rem !important;
}

.p-4 {
	padding: 0.4rem !important;
}

.p-5 {
	padding: 0.5rem !important;
}

.p-6 {
	padding: 0.6rem !important;
}

.p-7 {
	padding: 0.7rem !important;
}

.p-8 {
	padding: 0.8rem !important;
}

.p-9 {
	padding: 0.9rem !important;
}

.p-10 {
	padding: 1rem !important;
}

.p-11 {
	padding: 1.1rem !important;
}

.p-12 {
	padding: 1.2rem !important;
}

.p-13 {
	padding: 1.3rem !important;
}

.p-14 {
	padding: 1.4rem !important;
}

.p-15 {
	padding: 1.5rem !important;
}

.p-20 {
	padding: 2rem !important;
}

.p-30 {
	padding: 3rem !important;
}

.p-40 {
	padding: 4rem !important;
}

.p-45 {
	padding: 4.5rem !important;
}

.p-50 {
	padding: 5rem !important;
}

.p-60 {
	padding: 6rem !important;
}

.px-2 {
	padding-left: 0.2rem !important;
	padding-right: 0.2rem !important;
}

.px-5 {
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}

.px-10 {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}

.px-15 {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}

.px-20 {
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}

.px-30 {
	padding-left: 3rem !important;
	padding-right: 3rem !important;
}

.px-40 {
	padding-left: 4rem !important;
	padding-right: 4rem !important;
}

.px-50 {
	padding-left: 5rem !important;
	padding-right: 5rem !important;
}

.px-60 {
	padding-left: 6rem !important;
	padding-right: 6rem !important;
}

.px-70 {
	padding-left: 7rem !important;
	padding-right: 7rem !important;
}

.px-80 {
	padding-left: 8rem !important;
	padding-right: 8rem !important;
}

.px-90 {
	padding-left: 9rem !important;
	padding-right: 9rem !important;
}

.px-100 {
	padding-left: 10rem !important;
	padding-right: 10rem !important;
}

.py-0{
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
}
.py-2 {
	padding-top: 0.2rem !important;
	padding-bottom: 0.2rem !important;
}
.py-3 {
	padding-top: 0.3rem !important;
	padding-bottom: 0.3rem !important;
}

.py-5 {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

.py-8 {
	padding-top: 0.8rem !important;
	padding-bottom: 0.8rem !important;
}

.py-10 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.py-20 {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}

.py-30 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

.py-40 {
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}

.py-50 {
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
}

.py-60 {
	padding-top: 6rem !important;
	padding-bottom: 6rem !important;
}

.py-70 {
	padding-top: 7rem !important;
	padding-bottom: 7rem !important;
}

.py-80 {
	padding-top: 8rem !important;
	padding-bottom: 8rem !important;
}

.py-90 {
	padding-top: 9rem !important;
	padding-bottom: 9rem !important;
}

.py-100 {
	padding-top: 10rem !important;
	padding-bottom: 10rem !important;
}

.pt-5 {
	padding-top: 0.5rem !important;
}

.pt-10 {
	padding-top: 1rem !important;
}

.pt-20 {
	padding-top: 2rem !important;
}

.pt-30 {
	padding-top: 3rem !important;
}

.pt-40 {
	padding-top: 4rem !important;
}

.pt-50 {
	padding-top: 5rem !important;
}

.pt-60 {
	padding-top: 6rem !important;
}

.pt-70 {
	padding-top: 7rem !important;
}

.pt-80 {
	padding-top: 8rem !important;
}

.pt-90 {
	padding-top: 9rem !important;
}

.pt-100 {
	padding-top: 10rem !important;
}

.pb-5 {
	padding-bottom: 0.5rem !important;
}

.pb-10 {
	padding-bottom: 1rem !important;
}

.pb-20 {
	padding-bottom: 2rem !important;
}

.pb-30 {
	padding-bottom: 3rem !important;
}

.pb-40 {
	padding-bottom: 4rem !important;
}

.pb-50 {
	padding-bottom: 5rem !important;
}

.pb-60 {
	padding-bottom: 6rem !important;
}

.pb-70 {
	padding-bottom: 7rem !important;
}

.pb-80 {
	padding-bottom: 8rem !important;
}

.pb-90 {
	padding-bottom: 9rem !important;
}

.pb-100 {
	padding-bottom: 10rem !important;
}

.pl-0 {
	padding-left: 0rem !important;
}

.pl-1 {
	padding-left: 0.1rem !important;
}

.pl-2 {
	padding-left: 0.2rem !important;
}

.pl-3 {
	padding-left: 0.3rem !important;
}

.pl-4 {
	padding-left: 0.4rem !important;
}

.pl-5 {
	padding-left: 0.5rem !important;
}

.pl-6 {
	padding-left: 0.6rem !important;
}

.pl-7 {
	padding-left: 0.7rem !important;
}

.pl-8 {
	padding-left: 0.8rem !important;
}

.pl-9 {
	padding-left: 0.9rem !important;
}

.pl-10 {
	padding-left: 1rem !important;
}

.pl-11 {
	padding-left: 1.1rem !important;
}

.pl-12 {
	padding-left: 1.2rem !important;
}

.pl-13 {
	padding-left: 1.3rem !important;
}

.pl-14 {
	padding-left: 1.4rem !important;
}

.pl-15 {
	padding-left: 1.5rem !important;
}

.pl-16 {
	padding-left: 1.6rem !important;
}

.pl-17 {
	padding-left: 1.7rem !important;
}

.pl-18 {
	padding-left: 1.8rem !important;
}

.pl-19 {
	padding-left: 1.9rem !important;
}

.pl-20 {
	padding-left: 2rem !important;
}

.pl-30 {
	padding-left: 3rem !important;
}

.pl-40 {
	padding-left: 4rem !important;
}

.pl-50 {
	padding-left: 5rem !important;
}
.pr-0 {
	padding-right: 0rem !important;
}

.pr-1 {
	padding-right: 0.1rem !important;
}

.pr-2 {
	padding-right: 0.2rem !important;
}

.pr-3 {
	padding-right: 0.3rem !important;
}

.pr-4 {
	padding-right: 0.4rem !important;
}

.pr-5 {
	padding-right: 0.5rem !important;
}

.pr-6 {
	padding-right: 0.6rem !important;
}

.pr-7 {
	padding-right: 0.7rem !important;
}

.pr-8 {
	padding-right: 0.8rem !important;
}

.pr-9 {
	padding-right: 0.9rem !important;
}

.pr-10 {
	padding-right: 1rem !important;
}

.pr-11 {
	padding-right: 1.1rem !important;
}

.pr-12 {
	padding-right: 1.2rem !important;
}

.pr-13 {
	padding-right: 1.3rem !important;
}

.pr-14 {
	padding-right: 1.4rem !important;
}

.pr-15 {
	padding-right: 1.5rem !important;
}

.pr-16 {
	padding-right: 1.6rem !important;
}

.pr-17 {
	padding-right: 1.7rem !important;
}

.pr-18 {
	padding-right: 1.8rem !important;
}

.pr-19 {
	padding-right: 1.9rem !important;
}

.pr-20 {
	padding-right: 2rem !important;
}

.pr-30 {
	padding-right: 3rem !important;
}

.pr-40 {
	padding-right: 4rem !important;
}

.pr-50 {
	padding-right: 5rem !important;
}
.font-sm {
	font-size: 0.5rem;
}

.font-sm2 {
	font-size: 0.6rem;
}

.font-sm3 {
	font-size: 0.7rem;
}

.font-sm4 {
	font-size: 0.8rem;
}

.font-sm5 {
	font-size: 0.9rem;
}

.font-md {
	font-size: 1rem;
}

.font-md2 {
	font-size: 1.2rem;
}

.font-md3 {
	font-size: 1.3rem;
}

.font-md4 {
	font-size: 1.4rem;
}

.font-md5 {
	font-size: 1.5rem;
}

.font-md6 {
	font-size: 1.6rem;
}

.font-md7 {
	font-size: 1.7rem;
}

.font-md8 {
	font-size: 1.8rem;
}

.font-md9 {
	font-size: 1.9rem;
}

.font-lg {
	font-size: 2rem;
}

.font-lg2 {
	font-size: 2.2rem;
}

.font-lg3 {
	font-size: 2.3rem;
}

.font-lg4 {
	font-size: 2.4rem;
}

.font-lg5 {
	font-size: 2.5rem;
}

/* color */
.text-black {
	color: #060F17 !important;
}

.text-black2 {
	color: #122125 !important;
}

.text-black3 {
	color: #0D181B !important;
}

.text-black4 {
	color: #142C32 !important;
}

.text-black5 {
	color: #252E35 !important;
}

.text-black6 {
	color: #ababab !important;
}

.text-black7 {
	color: #666666 !important;
}

.text-black8 {
	color: #232323 !important;
}

.text-black9 {
	color: #1a1a1a !important;
}

.text-gray {
	color: #b1b0b1 !important;
}

.text-gray2 {
	color: #F0EFEF !important;
}

.text-gray3 {
	color: #CCCCCC !important;
}

.text-primary {
	color: #007bff !important;
}

.text-secondary {
	color: #6c757d !important;
}

.text-success {
	color: #28a745 !important;
}

.text-green {
	color: #39b54a !important;
}

.text-danger {
	color: #dc3545 !important;
}

.text-orange {
	color: #f37b1d !important;
}

.text-orange2 {
	color: #FCDA98 !important;
}

.text-orangedeep {
	color: #f95b0f !important;
}

.text-lightorange {
	color: #fff6e3 !important;
}

.text-warning {
	color: #ffc107 !important;
}

.text-yellow {
	color: #fbbd08 !important;
}

.text-yellow2 {
	color: #eccb8b !important;
}

.text-yellow3 {
	color: #fff5e2 !important;
}

.text-info {
	color: #17a2b8 !important;
}

.text-light {
	color: #f8f9fa !important;
}

.text-light2 {
	color: #f5f5f5 !important;
}

.text-light3 {
	color: #f5f6fa !important;
}

.text-light4 {
	color: #f1f1f1 !important;
}

.text-light5 {
	color: #999999 !important;
}

.text-dark {
	color: #343a40 !important;
}

.text-dark2 {
	color: #9D9D9D !important;
}

.text-lightdark {
	color: #989eb4 !important;
}

.text-lightdark2 {
	color: #999999 !important;
}

.text-muted {
	color: #6c757d !important;
}

.text-muted2 {
	color: #C6C6C7 !important;
}

.text-lightmuted {
	color: #b2b2b2 !important;
}

.text-white {
	color: #ffffff !important;
}

.text-lightbg {
	color: #f5f5f5 !important;
}

.text-lightbg2 {
	color: #f5f6fa !important;
}

.text-blue {
	color: #64aeff !important;
}

.text-blue2 {
	color: #5ab6d0 !important;
}


.text-blue3 {
	color: #62DCFA !important;
}

.text-blue4 {
	color: #06B4FD !important;
}

.text-blue5 {
	color: #2163E9 !important;
}

.text-blueShadow {
	color: #cfe6ff !important;
}

.text-bluelight {
	color: #e5f7fe !important;
}

.text-bluelight2 {
	color: #f0f8ff !important;
}

.text-deepblue {
	color: #187792 !important;
}

.text-pink {
	color: #e03997 !important;
}

.bg-white {
	background-color: #ffffff !important;
}

.flex{
	display: flex;
}
.wrap{
	flex-wrap: wrap;
}
.item_center{
	align-items: center;
}
.j_center{
	justify-content: center;
}
.centers{
	display: flex;
	align-items: center;
	justify-content: center;
}
.t_center{
	text-align: center;
}
.j_between{
	justify-content: space-between;
}
.j_around{
	justify-content:space-around;
}
.width_full{
	width: 100%;
}
.fs12{
	font-size: 12px;
}
.fs16{
	font-size: 16px;
}
.fw400{
	font-weight: 400;
}
.fw500{
	font-weight: 500;
}
.relative{
	position: relative;
}
.absolute{
	position: absolute;
}
